
var News = Ext.data.Record.create([  // 定义新闻类的数据格式， 在js文件中 可用 new News 创建实例 
	
	{ name : 'news.newsId',	  	mapping : 'id',  	  	type : 'int'}, 	
	{ name : 'news.title',	 	mapping : 'title',   	type : 'string'}, 
	{ name : 'news.date',		mapping : 'date',	  	type : 'string'}//,  dateFormat : 'Y-m-d'},
//	{ name : 'news.content',	mapping : 'content',	type : 'string'},
//	{ name : 'news.buildPeople',mapping : 'buildPeople',type : 'string'}
]);

/*var cm_news = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
								header : 'id',
								dataIndex : 'news.newsId',
								hidden : true
							}, {
								header : '标题',
								sortable : true,//是否可排序
								width :  300,
								dataIndex : 'news.title'
							}, {
								header : '日期',
								width : 100,
								dataIndex : 'news.date'
								renderer : function fd(){
									value?value.dateFormate('Y-m-d')
								}
							}, {
								header : '内容',
								hidden : true,

								dataIndex : 'news.content'
							}
					]);*/

var welcomePanel = new Ext.Panel({
	title : '最 新 公 告',
	closable : false,
	layout : 'column',
	layoutConfig : {
		columns : 2
	},
	defaults : {
		frame : true
	},// 渲染面板
	items : [{
		columnWidth : .5,  //宽度50%
		title : '最 新 新 闻 >>',
		header : true,// 是否显示title
		iconCls : 'icon-news',
		hideBorders : true,
		collapsible : true,// 允许展开和收缩
		bodyStyle : 'background-color:#FFFFFF;',// 设置面板体的背景色
		shadow : true,// 是否显示阴影
		floating : false,// 是否浮动显示
		frame : true,// 是否显示圆角
		html : '<p align="right"><br><a href="test.action">More>></a>&nbsp;&nbsp;</p>',
		style : 'padding:10px 10px 10px 10px',
		height : 300,
		items : new Ext.grid.GridPanel({
					id : 'noticeGrid',
//					html : '<br /><br />',
//					bodyStyle : 'background:url(/finance/images/plugin.gif) no-repeat',// 设置面板体的背景色
					store : new Ext.data.Store({
								 autoLoad : true,
								 url : 'findNews.action',
								reader : new Ext.data.JsonReader({
											root : 'root',
											id : 'newsId'
										},News)
							}),
					columns : [new Ext.grid.RowNumberer(), {
								header : 'id',
								dataIndex : 'news.newsId',
								hidden : true
							}, {
								header : '标题',
//								html : '<a href="test.action">this.get("news.title");</a>',
								sortable : true,//是否可排序
								width :  330,
								dataIndex : 'news.title'
							}, {
								header : '日期',
								width : 100,
								sortable : true,//是否可排序	
								dataIndex : 'news.date'
								/*renderer : function fd(){
									value?value.dateFormate('Y-m-d')
								}*/
							}, {
								header : '内容',
								hidden : true,

								dataIndex : 'news.content'
							}],
					sm : new Ext.grid.RowSelectionModel({
								singleSelect : true
							}),
					autoHeight : true,
					autoWidth : true,
					frame : false,
					/*
					 * viewConfig: { forceFit: true },
					 */
					hideHeaders : false, // 是否隐藏标题头(column列标题)
					loadMask : true

				})
	}, {
		columnWidth : .5,
		title : '最 新 公 告 >>',
		iconCls : 'icon-edit',
		html : '<p align="right"><a href="test.action">More>></a>&nbsp;&nbsp;</p>',
		style : 'padding:10px 10px 10px 0px',
		bodyStyle : 'background-color:#FFFFFF',
		collapsible : true,// 允许展开和收缩
		height : 300,
		items : new Ext.grid.GridPanel({
			id : 'noticeGrid',
			html : '<br /> &nbsp;暂无公告···',//改变显示格式
//			bodyStyle : 'background:url(/finance/images/plugin.gif) no-repeat',// 设置面板体的背景色
			store : new Ext.data.Store({
						// autoLoad : true,
						// url : 'findNews.action',  //'common.htm?action=getNotice',
						reader : new Ext.data.JsonReader({
									root : 'root',
									id : 'newsId'
//									fields : ["newsId", "title", "time"]
								},News)
					}),
			columns : [new Ext.grid.RowNumberer(), {
						header : 'id',
						dataIndex : 'newsId',
						hidden : true
					}, {
						header : '标题',
						width : '100%',
						dataIndex : 'news.title'
					}, {
						header : '日期',
						hidden : true,
						dataIndex : 'news.date'
					}],
			sm : new Ext.grid.RowSelectionModel({
						singleSelect : true
					}),
			autoHeight : true,
			autoWidth : true,
			frame : false,
			/*
			 * viewConfig: { forceFit: true },
			 */
			hideHeaders : false, // 是否隐藏标题头
			loadMask : true

		})
	}, {
		columnWidth : 1,
		style : 'padding:0px 10px 10px 10px',
		title : "最 新 活 动 >>",
		html : '<p align="right"><a href="test.action">More>></a>&nbsp;&nbsp;</p>',
		height : 200,
		items : new Ext.grid.GridPanel({
					id : 'noticeGrid',
					html : '<br>暂无活动···',
					store : new Ext.data.Store({
								// autoLoad : true,
								// url : 'common.htm?action=getNotice',
								reader : new Ext.data.JsonReader({
											root : 'data',
											id : 'xxid',
											fields : ["xxid", "xxbiaoti",
													"xxneirong"]
										})
							}),
					columns : [new Ext.grid.RowNumberer(), {
								header : 'id',
								dataIndex : 'xxid',
								hidden : true
							}, {
								header : '标题',
								width : '100%',
								dataIndex : 'xxbiaoti'
							}, {
								header : '内容',
								hidden : true,
								dataIndex : 'xxneirong'
							}],
					sm : new Ext.grid.RowSelectionModel({
								singleSelect : true
							}),
					autoHeight : true,
					autoWidth : true,
					frame : false,
					viewConfig : {
						forceFit : true
					},
					hideHeaders : false, // 是否隐藏标题头
					loadMask : true
				})
	}]
},{
	title : '新闻详情',
	closable : true,
	layout : 'column',
	layoutConfig : {
		columns : 2
	},
	defaults : {
		frame : true
	},// 渲染面板
	items : []
});


var tabs = new Ext.TabPanel({
			region : 'center',
			deferredRender : true,
			activeTab : 0,
			autoScroll : true,
			enableTabScroll : true,
			listeners : {
				remove : function(tp, c) {
					c.hide();
				}
			},
			autoDestroy : false,
			items : [welcomePanel]
		});

var t_tables = {    // ViewPort调用的话，这里边的属性就是viewport的属性设置
	id : 'tabs-panel',
	border : true,
	layout : 'fit',  //可以设定为 fit 自适应
	items : [tabs]
};
		
Ext.onReady(function(){
    Ext.QuickTips.init();//出错提示信息初始化
    Ext.form.Field.prototype.msgTarget = 'side';//提示信息默认显示位置
    
	var vp = new Ext.Viewport(t_tables);//新建个viewport，让其填充整个可用区域。	
    Ext.get('loading').remove();//去除 加载动画图标及文字	
});		